<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>果蔬农场</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__admin__/style/bootstrap.css" rel="stylesheet">
    <link href="__admin__/style/font-awesome.css" rel="stylesheet">
    <link href="__admin__/style/weather-icons.css" rel="stylesheet">

    <!--Beyond styles-->
    <link id="beyond-link" href="__admin__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__admin__/style/demo.css" rel="stylesheet">
    <link href="__admin__/style/typicons.css" rel="stylesheet">
    <link href="__admin__/style/animate.css" rel="stylesheet">
    <style>
      
        /* ----------- */
        .proportion {
            width: 50%;
            height: 630px;
            background-color: rgb(255, 255, 255);
        }
        .xiao {
            display: flex;
        }
        .ddq {
            width: 50%;
            height: 150px;
            background-color:  #5BB3A7;
            text-align: center;
            padding-top: 3%;
            color: rgb(255, 255, 255);
            margin: 5px;
        }
        .ddq .aa {
            font-size: 28px;
        }
        .ddq:first-child {
            background-color: #CB9358;
            margin-right: 5px;
        }
        .yx {
            width: 99%;
            height: 30px;
            background-color: #2DC3E8;
            color: #ffffff;
            font-size: 18px;
            font-weight: 500;
            line-height: 30px;
            padding-left: 20px;
            display: flex;
            margin: 3px auto;
            overflow: hidden;
        }
        .yxdz {
            width: 98%;
            height: 30px;
            background-color:  #2DC3E8;
            color: #ffffff;
            font-size: 18px;
            font-weight: 500;
            line-height: 30px;
            padding-left: 20px;
            display: flex;
            margin: 3px auto;
            overflow: hidden;
            margin-left: 5px;
        }
        
        .yx .su {
            width: 8px;
            height: 20px;
            background-color: rgb(255, 255, 255);
            margin: 5px;
            border-radius: 5px;
        }
        .yxdz .su {
            width: 8px;
            height: 20px;
            background-color: rgb(255, 255, 255);
            margin: 5px;
            border-radius: 5px;
        }

        .proportion-rig {
            width: 49%;
            height: 630px;
            margin-left: 10px;
            background-color: rgb(255, 255, 255);
        }
        .page-body {
            display: flex;
            flex-wrap: wrap;
        }
        #rowl {
            padding-left: 120px;
        }

        .box1 {
           width: 38%;
           background-color: rgb(255, 255, 255);
           margin-top: 10px;
        }
        .box2 {
            width: 36%;
            background-color: rgb(255, 255, 255);
            margin-left: 10px;
            margin-top: 10px;
           
        }
        .box3 {
            width: 25%;
            background-color: rgb(255, 255, 255);
            margin-top: 10px;
           
        }
        .divleft {
            width: 100%;
            height: 900px;
            margin-top: 10px;
            background-color: rgb(255, 255, 255);
        }
        .divrig {
            position: relative;
            right: 0;
            margin-top: 10px;
            margin-left: 10px;
            height: 890px;
            background-color: rgb(255, 255, 255);
        }
        .divrig2 {
            position: relative;
            right: 0;
            margin-top: 10px;
            width: 24%;
            height: 890px;
            background-color: rgb(255, 255, 255);
        }
        #main5 {
            padding-right: 180px;
        }
        #main7 {
            padding-right: 180px;
        }


        .body2 {
            width: 100%;
            height: 1000px;
            /* margin: 10px; */
            margin-top: 10px;
            margin-right: 5px;
            background-color: rgb(255, 255, 255);
        }
        .zhong {
            padding: 90px;
        }
        #main14 {
            /* padding-left: 100px; */
            padding-top: 15px;

        }
        #main13 {
           margin: 90px;
        }
        .pai {
            width: 100%;
            height: 100px;
            background-color: crimson;
        }
        .aa {
            margin-top: 10px;
        }
        .rigpn {
            width: 100%;
            height: 398px;
            /* background-color: crimson; */
        }
        .rigpn .nr{
            width: 100%;
            height: 38px;
            font-size: 20px;
            /* background-color: #CB9358; */
            border: 1px solid #cccccc;
            line-height: 40px;
            padding-left: 20px;
            margin-top: 5px;
            border-radius: 10px
        }
        .rigpn2 .nr{
            width: 100%;
            height: 100px;
            border-radius: 10px;
            background-color:  #ffffff;
            border: 1px solid #ccc;
            margin-top: 10px;
            padding: 10px;
            text-align: center;
            padding-top: 25px;
        }
        .rigpn2 .nr .ntbt {
            font-size: 12px;
        }
        .rigpn2 .nr .nrkx {
            font-size: 25px;
        }


        .navbar {
            position: fixed;
            width: 100%;
        }
        .page-sidebar {
            position: fixed;
        }

    </style>
</head>

<body>
    <!-- 头部 -->
    {include file="common/head"}
    <!-- /头部 -->

    <div class="main-container container-fluid">
        <div class="page-container">
            <!-- Page Sidebar -->
            {{include file="common/left"}}
            <!-- /Page Sidebar -->
            
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                        <li>
                            <a href="#">系统</a>
                        </li>
                        <li class="active">数据分析</li>
                    </ul>
                </div>
                <!-- /Page Breadcrumb -->

                <!--数据分析 Page Body -->
                <div class="page-body">

                    <div class="proportion">
                        <div class="yx"><div class="su"></div>近一月桑芽菜产品销售金额情况(元)</div>
                        <div class="rowl zhong">
                            <div id="main8" style="width: 600px;height:400px;"></div>
                        </div>
                    </div>

                    <div class="proportion-rig">
                        <div class="rowl2">
                            <div class="yxdz"><div class="su"></div>桑芽菜产品与贡桔产品月收入(元)</div>
                            <div id="main13" style="width: 600px;height:400px;"></div>
                        </div>
                    </div>

                    <div class="box1">
                        <div class="divleft">
                            <div class="rowl2">
                                <div class="yx"><div class="su"></div>上周购买桑芽菜产品与贡桔产品总人数</div>
                                <div id="main10" style="width: 600px;height:400px;"></div>
                            </div>
                            <div class="rowl2">
                                <div class="yx"><div class="su"></div>用户活跃时段</div>
                                <div id="main11" style="width: 600px;height:400px;"></div>
                            </div>
                        </div>

                       
                    </div>
                    <div class="box2">
                        <div class="divleft">
                            <div class="rowl2">
                                <div class="yx"><div class="su"></div>关键字搜索排名</div>
                                <div id="main12" style="width: 600px;height:400px;"></div>
                            </div>
                            <div class="rowl2">
                                <div class="yx"><div class="su"></div>总体数据分析</div>
                                <div id="main14" style="width: 600px;height:400px;"></div>
                            </div>
                           
                        </div>

                      
                    </div>
                    <div class="box3">
                            <div class="rowl2">
                                <div class="yxdz aa"><div class="su"></div>热门商品排名</div>
                                <div class="rigpn">
                                    <div class="nr">第一名：桑芽糍粑</div>
                                    <div class="nr">第二名：桑芽凤梨酥</div>
                                    <div class="nr">第三名：桑芽馒头</div>
                                    <div class="nr">第四名：贡桔蛋糕</div>
                                    <div class="nr">第五名：贡桔焗蛋挞</div>
                                    <div class="nr">第六名：花生酱曲奇</div>
                                    <div class="nr">第七名：桑芽曲奇</div>
                                    <div class="nr">第八名：桑芽酸奶</div>
                                    <div class="nr">第九名：贡桔蜜</div>
                                </div>
                            </div>
                            <div class="rowl2">
                                <div class="yxdz"><div class="su"></div>实时统计</div>
                                <div class="rigpn2">
                                    <div class="nr">
                                        <div class="ntbt">今日 | 累计新增用户</div>
                                        <div class="nrkx">32(人)</div>
                                    </div>
                                    <div class="nr">
                                        <div class="ntbt">今日 | 累计老用户活跃</div>
                                        <div class="nrkx">156(人)</div>
                                    </div>
                                    <div class="nr">
                                        <div class="ntbt">今日 | 累计日活跃用户数

                                        </div>
                                        <div class="nrkx">256(人)</div>
                                    </div>
                                    <div class="nr">
                                        <div class="ntbt">今日 | 累计访问次数</div>
                                        <div class="nrkx">5632(次)</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <!-- /Page Body -->
            </div>
            <!-- /Page Content -->
        </div>
    </div>

    <!--Basic Scripts-->
    <script src="__admin__/style/jquery_002.js"></script>
    <script src="__admin__/style/bootstrap.js"></script>
    <script src="__admin__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__admin__/style/beyond.js"></script>
    <script src="__admin__/style/js/echarts.min.js"></script>
    <!-- ok 0 -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '',
            subtext: '',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b} : {c} ({d}%)'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: ['耕地', '林地', '牧草地', '其他农用地', '园林']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: '65%',
                center: ['66%', '55%'],
                data: [
                    {value: 435, name: '耕地'},
                    {value: 1010, name: '林地'},
                    {value: 600, name: '牧草地'},
                    {value: 135, name: '其他农用地'},
                    {value: 148, name: '园林'}
                ],
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
    </script>
    <!-- ok 1-->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart1 = echarts.init(document.getElementById('main1'));

        // 指定图表的配置项和数据

    var  option = {
    dataset: {
        source: [
            ['score', 'amount', 'product'],
            [89.3, 78212, '北京'],
            [57.1, 65254, '广东省'],
            [74.4, 51032, '上海市'],
            [50.1, 32755, '贵州省'],
            [89.7, 20145, '云南省'],
            [68.1, 19146, '陕西省'],
            [19.6, 14852, '甘肃省'],
            [10.6, 12852, '江西省'],
            [32.7, 10112, '江苏省']
        ]
    },
    grid: {containLabel: true},
    xAxis: {name: '(千公顷)'},
    yAxis: {type: 'category'},
    visualMap: {
        orient: 'horizontal',
        left: 'center',
        min: 10,
        max: 100,
        text: ['高', '低'],
        // Map the score column to color
        dimension: 0,
        inRange: {
            color: ['#D7DA8B', '#E15457']
        }
    },
    series: [
        {
            type: 'bar',
            encode: {
                // Map the "amount" column to X axis.
                x: 'amount',
                // Map the "product" column to Y axis
                y: 'product'
            }
        }
    ]
    };



    myChart1.setOption(option);


    </script>
    <!-- ok 2 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main2'));

// 指定图表的配置项和数据
var option = {
xAxis: {
    type: 'category',
    data: ['1960年', '1970年', '1980年', '1990年', '2000年', '2010年', '2020年']
},
yAxis: {
    type: 'value'
},
series: [{
    data: [0.15, 0.25, 0.3, 0.42, 0.65, 0.8],
    type: 'line'
}]
};


// 使用刚指定的配置项和数据显示图表。
myChart2.setOption(option);

    </script>
    <!-- ok 3 -->
     <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart3 = echarts.init(document.getElementById('main3'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: ''
        },
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data: ['种植业', '食品业', '渔业', '农业', '农业生物与技术']
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: {
            type: 'category',
            boundaryGap: false,
            data: ['1970年', '1980年', '1990年', '2000年', '2010年', '2020年', '2020年']
        },
        yAxis: {
            type: 'value'
        },
        series: [
            {
                name: '种植业',
                type: 'line',
                stack: '总量',
                data: [1200, 1310, 1401, 1534, 5090, 10030, 40210]
            },
            {
                name: '食品业',
                type: 'line',
                stack: '总量',
                data: [1100, 1410, 1501, 2534, 6090, 17030, 30210]
            },
            {
                name: '渔业',
                type: 'line',
                stack: '总量',
                data:[2200, 4310, 5401, 6534, 7090, 15030, 45210]
            },
            {
                name: '农业',
                type: 'line',
                stack: '总量',
                data: [3200, 5310, 8401, 15034, 23090, 30030, 350210]
            },
            {
                name: '农业生物与技术',
                type: 'line',
                stack: '总量',
                data: [1200, 1510, 1701, 7534, 9090, 14030, 38410]
            }
        ]
    };



    // 使用刚指定的配置项和数据显示图表。
    myChart3.setOption(option);

    </script>
    <!-- ok 4-->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart4 = echarts.init(document.getElementById('main4'));

    // 指定图表的配置项和数据
    var option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            crossStyle: {
                color: '#999'
            }
        }
    },
    toolbox: {
        feature: {
        }
    },
    legend: {
        data: ['单产：公斤/亩', '增长%']
    },
    xAxis: [
        {
            type: 'category',
            data: ['稻谷', '小麦', '玉米', '大豆', '豆类', '花生', '薯类'],
            axisPointer: {
                type: 'shadow'
            }
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: '公斤/亩',
            min: 0,
            max: 700,
            interval: 50,
            axisLabel: {
                formatter: '{value} '
            }
        },
        {
            type: 'value',
            name: '增长%',
            min: 0,
            max: 14.00,
            interval: 5,
            axisLabel: {
                formatter: '{value} %'
            }
        }
    ],
    series: [
        {
            name: '单产：公斤/亩',
            type: 'bar',
            data: [471, 375, 421, 129, 426, 362, 557]
        },
        {
            name: '增长%',
            type: 'line',
            yAxisIndex: 1,
            data: [1.0, 3.9, 3.5, 2.4, 11.3, 13.5, 1.2]
        }
    ]
};


    // 使用刚指定的配置项和数据显示图表。
    myChart4.setOption(option);

    </script>
    <!-- ok 5 -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart5 = echarts.init(document.getElementById('main5'));

    // 指定图表的配置项和数据
    var option = {
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b}: {c} ({d}%)'
    },
    legend: {
        // orient: 'vertical',
        left: 0,
        // data: ['稻谷', '小麦', '玉米', '大豆', '豆类', '花生', '薯类']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                show: false,
                position: 'center'
            },
            emphasis: {
                label: {
                    show: true,
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            },
            labelLine: {
                show: false
            },
            data: [
                {value: 335, name: '稻谷'},
                {value: 310, name: '小麦'},
                {value: 234, name: '玉米'},
                {value: 135, name: '大豆'},
                {value: 234, name: '豆类'},
                {value: 135, name: '花生'},
                {value: 1548, name: '薯类'}
            ]
        }
    ]
};



    // 使用刚指定的配置项和数据显示图表。
    myChart5.setOption(option);

    </script>
    <!-- ok 6 -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart6 = echarts.init(document.getElementById('main6'));

    // 指定图表的配置项和数据
    var option = {
    xAxis: {
        type: 'category',
        data: ['2011', '2011', '2012','2013', '2014', '2015', '2016', '2017', '2018', '2019']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [5591, 5891, 6191, 6391, 6391, 6691, 6691, 6691, 6591, 6911],
        type: 'bar'
    }]
};

    // 使用刚指定的配置项和数据显示图表。
    myChart6.setOption(option);

    </script>
    <!-- ok 7 -->
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart7 = echarts.init(document.getElementById('main7'));

    // 指定图表的配置项和数据
    var option = {
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        legend: {
            // orient: 'vertical',
            left: 10,
            data: ['北京', '上海', '广州', '深圳']
        },
        series: [
            {
                name: '访问来源',
                type: 'pie',
                radius: ['50%', '70%'],
                avoidLabelOverlap: false,
                label: {
                    show: false,
                    position: 'center'
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: '30',
                        fontWeight: 'bold'
                    }
                },
                labelLine: {
                    show: false
                },
                data: [
                    {value: 335, name: '北京'},
                    {value: 310, name: '上海'},
                    {value: 234, name: '广州'},
                    {value: 335, name: '深圳'},
                ]
            }
        ]
    };


    // 使用刚指定的配置项和数据显示图表。
    myChart7.setOption(option);

    </script>
    <!-- ok 8 -->
    <script type="text/javascript"> 
    // 基于准备好的dom，初始化echarts实例
    var myChart8 = echarts.init(document.getElementById('main8'));

// 指定图表的配置项和数据
var option = {
    xAxis: {
        type: 'category',
        data: ['桑芽酸奶', '桑芽馒头', '桑芽曲奇', '桑芽凤梨酥', '桑芽糍粑']
    },
    
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [932, 934, 1290, 1330, 1320],
        type: 'line'
    }]
};



// 使用刚指定的配置项和数据显示图表。
myChart8.setOption(option);


    </script>
    <!-- ok 9 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart9 = echarts.init(document.getElementById('main9'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: '用户访问来源',
        subtext: '',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    // legend: {
    //     orient: 'vertical',
    //     left: 'left',
    //     data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
    // },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '40%',
            center: ['20%', '50%'],
            data: [
                {value: 335, name: '直接访问'},
                {value: 310, name: '邮件营销'},
                {value: 234, name: '联盟广告'},
                {value: 135, name: '视频广告'},
                {value: 1548, name: '搜索引擎'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart9.setOption(option);


    </script>
    <!-- ok 10 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart10 = echarts.init(document.getElementById('main10'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['桑芽菜购买人数', '贡桔产品购买人数']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '桑芽菜购买人数',
            type: 'line',
            stack: '总量',
            data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
            name: '贡桔产品购买人数',
            type: 'line',
            stack: '总量',
            data: [220, 182, 191, 234, 290, 330, 310]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart10.setOption(option);


    </script>
    <!-- ok 11 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart11 = echarts.init(document.getElementById('main11'));


// 指定图表的配置项和数据
var option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    // legend: {
    //     data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
    // },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    // toolbox: {
    //     feature: {
    //         saveAsImage: {}
    //     }
    // },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['0', '2', '4', '6', '8', '10', '12','14', '16', '18', '20', '22', '24']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '邮件营销',
            type: 'line',
            stack: '总量',
            data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134,145,154]
        }
    ]
};


// 使用刚指定的配置项和数据显示图表。
myChart11.setOption(option);


    </script>
    <!-- ok 12 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart12 = echarts.init(document.getElementById('main12'));


// 指定图表的配置项和数据
var option = {
    title: {
        text: '',
        subtext: '',
        left: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: '{a} <br/>{b} : {c} ({d}%)'
    },
    // legend: {
    //     orient: 'vertical',
    //     left: 'left',
    //     data: ['直接访问', '邮件营销', '联盟广告', '视频广告', '搜索引擎']
    // },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            center: ['50%', '50%'],
            data: [
                {value: 335, name: '桑芽'},
                {value: 310, name: '桑芽糍粑'},
                {value: 234, name: '桑芽酸奶'},
                {value: 135, name: '贡桔蛋糕'},
                {value: 548, name: '桑芽曲奇'}
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart12.setOption(option);


    </script>
    <!-- ok 13 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart13 = echarts.init(document.getElementById('main13'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: ''
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data: ['上月收入', '本月收入']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: '上月收入',
            type: 'line',
            stack: '总量',
            data: [120, 132, 101, 134, 90, 230, 210, 101, 134, 90, 230, 210]
        },
        {
            name: '本月收入',
            type: 'line',
            stack: '总量',
            data: [220, 182, 191, 234, 290, 330, 310, 191, 234, 290, 330, 310]
        }
    ]
};

// 使用刚指定的配置项和数据显示图表。
myChart13.setOption(option);


    </script>
    <!-- ok 14 -->
    <script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart14 = echarts.init(document.getElementById('main14'));

// 指定图表的配置项和数据
var option = {
    title: {
        text: ''
    },
    tooltip: {},
    legend: {
        data: ['平均价', '市场平均价']
    },
    radar: {
        // shape: 'circle',
        name: {
            textStyle: {
                color: '#fff',
                backgroundColor: '#999',
                borderRadius: 3,
                padding: [3, 10]
            }
        },
        indicator: [
            { name: '质量', max: 6500},
            { name: '价格', max: 16000},
            { name: '安全', max: 30000},
            { name: '服务', max: 38000},
            { name: '售后', max: 52000},
            { name: '环保', max: 25000}
        ]
    },
    series: [{
        name: '预算 vs 开销（Budget vs spending）',
        type: 'radar',
        // areaStyle: {normal: {}},
        data: [
            {
                value: [4300, 10000, 28000, 35000, 50000, 19000],
                name: '平均价'
            },
            {
                value: [5000, 14000, 28000, 31000, 42000, 21000],
                name: '市场平均价'
            }
        ]
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart14.setOption(option);


    </script>








</body>

</html>